<script>
/*
 * @Author: wzh 
 * @Date: 2021-06-08 23:27:53 
 * @Last Modified by: 1521620993@qq.com
 * @Last Modified time: 2021-06-12 22:47:00
 */
</script>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>22-没错！CSS画的小柯基</title>
  <link rel="stylesheet" href="index.css">
</head>
<body>
  <div class="container">
    <div class="puppy">
      <div class="body-s"></div>
      <div class="body">
        <div class="chest"></div>
        <div class="foot-l"></div>
        <div class="foot-r"></div>
        <div class="base"></div>
        <div class="leg-l"></div>
        <div class="leg-r"></div>
        <div class="paw-l"></div>
        <div class="paw-r"></div>
        <div class="mask"></div>
        <div class="scarf"> </div>
      </div>
      <div class="head">
        <div class="ear-l"></div>
        <div class="ear-r"></div>
        <div class="face">
          <div class="face__s4"></div>
          <div class="face__s5"></div>
          <div class="face__s6"></div>
          <div class="face__s7"></div>
          <div class="mouth-b">
            <div class="tongue"></div>
          </div>
          <div class="mouth-l"></div>
          <div class="mouth-r"></div>
          <div class="chin"></div>
          <div class="face__s2"></div>
          <div class="face__s3"></div>
          <div class="face__s1"></div>
          <div class="nose"></div>
          <div class="eye-l"></div>
          <div class="eye-c">
            <div class="eye-r" id="eye-r"></div>
            <div class="eye-r2 is-eye-hidden" id="eye-r2"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="index.js"></script>
</body>
</html>